<!-- css -->
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
<link href="css/li-scroller.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" />
<link href="css/datepicker.css" rel="stylesheet" />
<link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" />


<!-- Theme skin -->
<link href="skins/default.css" rel="stylesheet" />
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

<nav role="navigation" class="navbar  navbar-w3r navbar-default">
	<!-- Brand and toggle get grouped for better mobile display -->
	<div class="navbar-header">
		<button type="button" data-target="#navbarCollapse"
			data-toggle="collapse" class="navbar-toggle">
			<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
			<span class="icon-bar"></span> <span class="icon-bar"></span>
		</button>
		<a class="navbar-brand" href="/PropertyPoint/"><span>Property</span>Point</a>


	</div>
	<!-- Collection of nav links, forms, and other content for toggling -->
	<div id="navbarCollapse" class="collapse navbar-collapse">
		
		<ul class="nav navbar-nav navbar-right">
			<c:if test="${sessionScope.login_status != 'true'}">
				<li><a href="#login-dialog" data-toggle="modal">Agent Login</a></li>
			</c:if>
			<c:if test="${sessionScope.login_status == 'true'}">
				<a href="LogoutServlet" class="btn btn-link"
					style="margin-top: 9px;">Logout</a>
			</c:if>
		</ul>
		<c:if test="${sessionScope.login_status == 'true'}">
			<ul class="nav navbar-nav navbar-right">
			<li> <span></span>
				 </li>
				<li><span class="glyphicon glyphicon-user logged-user-NAME" data-toggle="modal"> <c:out
							value="${sessionScope.user.username}" />
				</span></li>
			</ul>
		</c:if>
		<form class="navbar-form navbar-right" action="PropertySearchServlet"
			method="get">
			<div class="form-group">
				<input type="text" placeholder="Place" name="location"
					class="form-control">
			</div>
			<div class="form-group">
				<button type="submit" class="btn btn-primary">Go!</button>
			</div>
		</form>


		<!-- dialog box -->
		<div id="login-dialog" class="modal fade">
			<div class="modal-dialog">
				<form class="form-horizontal" id="loginAjaxRequestForm">
					<div class="modal-content">
						<div class="modal-header headerPropertyLink">
							<button type="button" class="close" data-dismiss="modal">
								<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
							</button>

							<h4 class="modal-title">AGENT LOGIN</h4>

						</div>
						<div class="modal-body">
							<div class="form-group" id="ajaxLoginResponse"></div>
							<div class="form-group">
								<label for="inputEmail" class="control-label col-xs-2">Email</label>
								<div class="col-xs-10">
									<input type="email" class="form-control" id="loginUsername"
										placeholder="Email" name="username">
								</div>
							</div>
							<div class="form-group">
								<label for="inputPassword" class="control-label col-xs-2">Password</label>
								<div class="col-xs-10">
									<input type="password" class="form-control" id="loginPassword"
										placeholder="Password" name="password">
								</div>
							</div>
							<p>
								Don't have a PropertyPoint account? <a href="register.jsp">
									Sign up now </a>
							</p>
							<!-- 	<p>
								Forgot PropertyPoint account password? <a href="forgotPassword.jsp">Click here </a>
							</p>  -->

						</div>
						<div class="modal-footer">

							<a href="login">
							<img src="./img/facebook_login.png" class="login-popup-img" /></a> <a
								href="GogleLoginnServlet">
								<img src="./img/google_login.png" class="login-popup-img" /></a>

							<button type="submit" class="btn btn-success" id="loginButton">LOGIN</button>
						</div>


					</div>
				</form>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->
		<!-- dialog box end-->
	</div>
</nav>

<div id="newsFeedDiv" class="newsFeed">
	<div id="loading" class="newsFeed-loading">News Feeds
		Loading.....</div>

</div>



